<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 4.5.6
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>足彩分析系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../css/fontFamily.css" rel="stylesheet" type="text/css" />
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline:none;
}
.grid-item { width: 25%; height:60px; text-align:center;}
.grid-item :hover{cursor:pointer; }
.grid-item--width2 { width: 50%; }
</style>
</head>
<!-- END HEAD -->

<body class="page-content-white">
<div class="page-header">
    <h1>小绵羊分析系统<small> beta版本</small></h1>
    <div class="row">
        <div class="col-xs-12 col-md-9"></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的算法</button></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的预测</button></div>
        <div class="col-xs-6 col-md-1"></div>
    </div>
</div>

<div class="container-fluid">
    <div class="grid">
<#if Request.cupList?exists>
    <#list Request.cupList! as cup>
        <div class="grid-item"> <button type="button" class="btn btn-black btn-lg" data-toggle="modal" data-target="#myModal">${cup.cupName!}</button></div>
        <!--<h2></h2>-->
    </#list>
</#if>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">联盟赛事</h4>
                </div>
                <div class="modal-body">
                   联盟赛事
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">查看球队数据 </button>
                </div>
            </div>
        </div>
</div>
</body>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script>

<!-- BEGIN CORE PLUGINS -->
<script src="../js/components/jquery.min.js" type="text/javascript"></script>
<script src="../js/components/loadingoverlay.js" type="text/javascript"></script>
<script src="../js/components/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/components/isotope.js" type="text/javascript"></script>
<script src="../js/components/template.js" type="text/javascript"></script>
<script id='sampleInfo' type="text/template"></script>
<script type="text/javascript">

 $('.grid').isotope({
  // options
  itemSelector: '.grid-item',
  layoutMode: 'fitRows'
});
  <!--var result = baidu.template('sampleInfo',selectedObj);-->
        <!--$("#modal_sample_info").html(result);-->
        <!--$('#modal_sample_info').modal('show');-->
</script>
</html>